.comment__list
    margin: 32px 98px 32px 44px
    position: relative
    .slick-next
        position: absolute
        right: -12px
    .slick-prev, 
    .slick-next
        font-size: 0
        line-height: 0
        position: absolute
        top: 50%
        display: block
        width: 50px
        height: 50px
        padding: 0
        -webkit-transform: translate(0, -50%)
        -ms-transform: translate(0, -50%)
        transform: translate(0, -50%)
        cursor: pointer
        color: transparent
        border: none
        outline: none
        background: transparent
        border: none
    .slick-next:before
        content: '\203A'
        font-size: 50px
        line-height: 0
        opacity: .75
        color:$text_color
    .slick-dots
        display: flex
        position: absolute
        left: 18px
        bottom: -24px
        padding: 0px
        gap: 16px
        li
            width: 32px
            height: 8px
            background-color: $back_color
            border-radius: 30px
            cursor: pointer
            border: 3px solid $back_color
            box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)
            transition: all 0.3s cubic-bezier(.25,.8,.25,1)
            button
                color: transparen
                display: none
       
        .slick-active
            background-color: $active_color
            border: 3px solid $active_color
            box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)
            transition: all 0.3s cubic-bezier(.25,.8,.25,1)
            
        li:hover
            border: 3px solid $active_color
            box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)
            cursor: pointer
    
    
    .slick-track
            display: flex
            gap: 28px
            overflow: visible
            margin-left: 12px
            margin-right: 62px
            .slick-slide
                padding-right: 42px
                .comment
                    box-shadow: 0 10px 10px rgba(0,0,0,0.25), 0 8px 8px rgba(0,0,0,0.22)
                    overflow: hidden
                    .comments
                        padding: 24px 32px
                        background-color: #fff
                        border-radius: 5px
                        box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)
                    .comments__content
                        .comments__text
                            display: -webkit-box
                            -webkit-line-clamp: 6
                            -webkit-box-orient: vertical
                            overflow: hidden
                        .comments__text_show
                            transition: all 5s ease
@media (max-width: 998px) 
    .comment__list
        margin-left: -16px
        margin-right: 22px
        // .slick-track
        //     .slick-slide
                